#@web_layout?()
#define css()
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/laydate.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/layer.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/script/upload/webuploader.css" />
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/script/tooltip/tipso.min.css" />
<style>
	.tipso_style{
		border:0
	}
</style>
#end
#define content()
<div class="c-article">
    <form id="taskForm">
        <input type="hidden" id="extension_type" name="task.extension_type" >
        <input type="hidden" id="h5_type" name="task.h5_type" value="2" >
    <div class="g-info">
        <div class="u-title">任务信息</div>
        <div class="m-panel" style="border-radius: 2px">
            #--
            <div class="m-row">
                <div class="u-row-title"></div>
                <div style="padding:10px;color:#62bcc0">温馨提示:假如你需要大量网红参与你的任务，请选择主播认领方式发布任务</div>
            </div>
            --#
            <div class="m-row">
                <div class="u-row-title">任务标题:</div>
                <div class="u-row-box">
                    <div class="u-row-box-input">
                        <input name="task.task_title" placeholder="请输入任务标题信息，最多15个字符" class="u-row-cell-input" id="task_title" maxlength="15" />
                    </div>
                </div>
            </div>
            <div class="m-row">
                <div class="u-row-title">任务类型:</div>
                <div class="u-row-box">
                    <div class="u-row-box-input">
                        <select name="task.task_type" class="u-row-cell-input" id="taskType">
                        	 <option  value="">==请选择==</option>
                            <option value="1">线上</option>
                            <option  value="2">线下</option>
                        </select>
                        <img class="task-type" src="#(contextPath)/assets/front/web/resources/ic_help.png" width="15"/>
                    </div>
                </div>
            </div>
            #--业务要求 去除人数选择
            <div class="m-row">
                <div class="u-row-title">人数:</div>
                <div class="u-row-box" >
                    <div class="u-row-box-input">
                        <input id="wh_number" name="task.wh_number" placeholder="注:主播认领模式(线上任务)，最多填50人，指定主播模式(线上任务)，最多填10人,线下任务不限人数"
                        class="u-row-cell-input" style="color:#f96436;" maxlength="8" />
                        <div class="u-row-cell-tip">人</div>
                    </div>
                </div>
            </div>
            --#
            
            <div class="m-row">
                <div class="u-row-title">
                	<img class="task-price"src="#(contextPath)/assets/front/web/resources/ic_help.png" width="15"/>
                	任务预算：
                </div>
                <div class="u-row-box">
                    <div class="u-row-box-input">
                       <input name="task.total_fee" placeholder="请输入任务预算，最低500元" class="u-row-cell-input" id="totalFee" maxlength="15"/>
                        #--
                        <select name="task.total_fee" class="u-row-cell-input" id="totalFee">
                        	<option value="0">==请选择==</option>
                            #for(x:totalPriceList)
                            <option class="" value="#(x.code)">#(x.name)</option>
                            #end
                        </select>
                        --#
                        #--
                        <div  class="u-row-cell-tip">元/人 </div>
                        --#
                        
                    </div>
                </div>
            </div>
            <div class="m-row">
                <div class="u-row-title">任务时间:</div>
                <div class="u-row-box">
                    <div class="u-row-box-input">
                        <input style="cursor: pointer !important;" placeholder="请输入开始时间"
                         id="task_start_time" name="task.task_start_time" class="u-row-cell-input" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d+1}',maxDate:'#F{$dp.$D(\'task_end_time\')}'})" readonly/>
                    </div>
                    <div class="u-row-box-label">
                        <div class="u-row-cell-and"></div>
                    </div>
                    <div class="u-row-box-input">
                        <input style="cursor: pointer !important;" placeholder="请输入结束时间"
                        id="task_end_time" name="task.task_end_time" class="u-row-cell-input" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'task_start_time\')}'})" readonly/>
                    </div>
                </div>
            </div>
            <div class="m-row">
                <div class="u-row-title">任务说明:</div>
                <div class="u-row-box">
                    <div class="u-row-box-textarea">
                        <textarea id="task_description" placeholder="请输入任务说明，400字符以内"
                        name="task.task_description" class="u-row-cell-textarea" maxlength="400"></textarea>
                    </div>
                </div>
            </div>
            <div class="m-row">
                <div class="task-next" id="next">请选择任务类型</div>
            </div>
        </div>
    </div>
    </form>
</div>
#end
#define script()
<script type="text/javascript">
    var contextPath="#(contextPath)";
    var doaminurl = "#(domain)";
    $(document).ready(function(){
    	
    	var taskType = {
    			position: 'bottom',
    			background: 'black',
    			width:600,
    			useTitle: false,
    			content:"如果是线下定制任务，提交后我们马上和您联系，或者您也可以拨打0571-81396102联系我们"
    		}
    	
    	var taskPrice= {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:300,
    			content:" 根据网红粉丝数据和所接任务的执行效果划分"
    		}
    	
    	var extType = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:300,
    			content:"指定网红需要额外增加50元/人的费用"
    		}
    	
    	var taskH5 = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:400,
    			content:"根据您提交的图片自动生成推广H5页面，让网红和其粉丝在该页面产生互动"
    		}
    	
    	
    	var taskNotH5 = {
    			position: 'bottom',
    			background: 'black',
    			useTitle: false,
    			width:600,
    			content:"根据您的要求让网红再朋友圈，微博等社交平台手动发布广告内容(因为改方式无法获取分析数据，如非必要不推荐)"
    		}
    	
    	$('.task-type').tipso(taskType);
    	$('.task-price').tipso(taskPrice);
    	$('.ext-type').tipso(extType);
    	$('.task-h5').tipso(taskH5);
    	$('.task-not-h5').tipso(taskNotH5);
    	
    	$(".task-type").on("hover",function(){
    		$('.task-type').tipso("show")
    	})
    	
    	$(".task-price").on("hover",function(){
    		$('.task-price').tipso("show")
    	})
    	
    	$(".ext-type").on("hover",function(){
    		$('.ext-type').tipso("show")
    	})
    	
    	
    	$(".task-h5").on("hover",function(){
    		$('.task-h5').tipso("show")
    	})
    	
    	$(".task-not-h5").on("hover",function(){
    		$('.task-not-h5').tipso("show")
    	})
    })
</script>
<script src="#(contextPath)/assets/front/web/script/WdatePicker.js"></script>
<script src="#(contextPath)/assets/front/web/script/ajax.js"></script>
<script src="#(contextPath)/assets/front/web/script/webuploader.js"></script>
<script src="#(contextPath)/assets/front/web/script/task_form.js?#(getUUID())"></script>
<script src="#(contextPath)/assets/front/web/script/tooltip/tipso.min.js"></script>
#end